<template>
  <div style="padding: 28px;">
    <div style="display: flex;justify-content: space-between;">
      <div
        style="width: 33%;height: 345px;background: #FFFFFF;padding: 20px 32px;"
      >
        <TraditionalItem></TraditionalItem>
      </div>

      <!-- <div
        style="width: 33%;height: 345px;background: #FFFFFF;padding: 20px 32px;"
      >
        <SportVsenue></SportVsenue>
      </div>

      <div
        style="width: 33%;height: 345px;background: #FFFFFF;padding: 20px 32px;"
      >
        <OperationSituation></OperationSituation>
      </div>
    </div>

    <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div style="width: 60%;height: 391px;background: #FFFFFF;">
        <TraditionalItemCategory></TraditionalItemCategory>
      </div>
      <div style="width: 39.5%;height: 391px;background: #FFFFFF;">
        <FundInput></FundInput>
      </div>
    </div>

    <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div style="width: 34%;height: 539px;background: #FFFFFF;">
        <teachers></teachers>
      </div>
      <div style="width: 64.5%;height: 539px;background: #FFFFFF;">
        <ProjectDevelopment></ProjectDevelopment>
      </div>
    </div>
    <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div style="width: 100%;height: 539px;background: #FFFFFF;">
        <StudentTrendChart></StudentTrendChart>
      </div>
    </div> -->

    <!-- <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div
        style="width: 58.5%;height: 1000px;display: flex;justify-content: space-between;flex-direction: column;"
      >
        <div style="width: 100%;height: 490px;background: #FFFFFF;">
          <SchoolPieChart></SchoolPieChart>
        </div>
        <div style="width: 100%;height: 490px;background: #FFFFFF;">
          <SchoolPieChart></SchoolPieChart>
        </div>
      </div>
      <div style="width: 40%;height: 1000px;background: #FFFFFF;">
        <SchoolTable></SchoolTable>
      </div>
    </div> -->
  </div>
</template>

<script>
// import TraditionalItem from "./components/TraditionalItem.vue";
// import SportVsenue from "./components/SportVsenue.vue";
// import OperationSituation from "./components/OperationSituation.vue";
// import TraditionalItemCategory from "./components/TraditionalItemCategory.vue";
// import FundInput from "./components/FundInput.vue";
// import teachers from "./components/teachers.vue";
// import ProjectDevelopment from "./components/ProjectDevelopment.vue";
// import StudentTrendChart from "./components/StudentTrendChart.vue";

export default {
  components: {
    // TraditionalItem,
    // SportVsenue,
    // OperationSituation,
    // TraditionalItemCategory,
    // FundInput,
    // teachers,
    // ProjectDevelopment,
    // StudentTrendChart
  },
  data() {
    return {};
  },
  mounted() {},

  methods: {}
};
</script>

<style></style>
